<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
    xmlns:p="http://primefaces.prime.com.tr/ui"
	template="/view-templates/base.xhtml">
	
   <ui:define name="content">
   
         <div class="col_w960">
                <div class="fp_services_box">
                    <h2>Special Effects</h2>
                    <img src="images/star.png" class="image_fl" alt="Image" />
                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras erat orci, laoreet quis ornare vitae, ullamcorper quis mi.</p>
                    <a href="#" class="more float_r"></a>
                </div>
                <div class="fp_services_box">
                    <h2> Editing Videos</h2>
                <img src="images/recycle.png" class="image_fl" alt="Image" />
                    <p>Suspendisse urna metus, sodales eget sagittis sed, pharetra at lorem. Mauris porttitor urna eget ante malesuada vulputate.</p>
                    <a href="#" class="more float_r"></a>
                </div>
                <div class="fp_services_box last_box">
                    <h2>Media Players</h2>
                    <img src="images/projector.png" class="image_fl" alt="Image" />
                    <p>Aliquam erat arcu, euismod et, dignissim in, interdum ac, est. Pellentesque leo lacus, rhoncus nec, consequat ac.</p>
                  <a href="#" class="more float_r"></a>
                </div>
                <div class="cleaner"></div>
            </div> <!-- end of templatemo fp services -->
            
            <div class="col_w960">
            	<h2>High Quality Video Production</h2>
                <p align="justify">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur vel mi orci. Validate <a href="http://validator.w3.org/check?uri=referer" rel="nofollow">XHTML</a> &amp; <a href="http://jigsaw.w3.org/css-validator/check/referer" rel="nofollow">CSS</a>. Cras bibendum tortor quis ipsum luctus venenatis. Donec luctus ante et massa aliquet pretium. Sed eget elementum sem. Etiam magna metus, hendrerit non aliquam nec, tincidunt nec metus. Sed nec odio vel nulla pellentesque sodales a molestie nisi. Aenean eget tortor eget ipsum aliquet porta. Maecenas nisl ante, mollis et, tincidunt vitae, feugiat sit amet, mi.</p>
              <div class="cleaner"></div>
            </div>
            
            <div class="col_w960 col_w960_last">
            	<h2>Fusce sollicitudin nisl a lectus</h2>
                <p align="justify">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque at ante sit amet erat laoreet fermentum. Quisque nec nisl. Nam scelerisque cursus dolor. Integer vel sapien quis risus egestas suscipit. Nam lorem tortor, viverra gravida, egestas id, pellentesque in, mi. Maecenas sodales pede eu massa. Fusce lacinia orci at nisi. Suspendisse at nisi nec diam pretium tincidunt.</p>
   		 		<ul class="tmo_list">
                	<li>Suspendisse vitae orci a ligula egestas bibendum.</li>
                    <li>Maecenas aliquamid egestas suscipit.</li>
                    <li>Nisi sapien dignissim nibh, lorem urna in neque.</li>
                </ul>

        
        	<div class="cleaner"></div>
        </div> <!-- end of main -->
    
   </ui:define>
   
</ui:composition>